<template>
  <div class="pieCharts" ref="pieCharts">

  </div>
</template>

<script>
import * as echarts from 'echarts'
  export default {
    name:'PieEchart',
    mounted(){
      let mycharts = echarts.init(this.$refs.pieCharts)
      let options = {
        grid:{
          left:0,
          right:0,
          top:0,
          bottom:0
        },
        xAxis:{
          show:false
        },
        yAxis:{
          show:false
        },
        series:{
      
       
         
          data:[{
            // 数据项的名称
            name: '数据1',
            // 数据项值8
            value: 10
        }, {
            name: '数据2',
            value: 20
        },{
            name: '数据3',
            value: 30
        }
        ],
          type:'pie'
        }
      }
      mycharts.setOption(options)
      window.addEventListener('resize',()=>{
        mycharts.resize()
      })
    }
  }
</script>

<style lang="css" scoped>
  .pieCharts{
    width: 100%;
    height: 100%;
  }
</style>